﻿@{
    ViewBag.Title = "Home Page";
}
<div>
        <article class="col1">
            <ul class="tabs">
                <li><a href="#" class="active">Flight</a></li>
                <li><a href="#">Hotel</a></li>
                <li><a href="#">Car</a></li>
                <li class="end"><a href="#">Cruise</a></li>
            </ul>
            <div class="tabs_cont">
                <form id="form_1" action="" method="post">
                    <div class="bg">
                        <div class="wrapper">
                            <div class="radio">
                                <input type="radio" name="name1" checked>Round trip
                            </div>
                            <div class="radio">
                                <input type="radio" name="name1">One way
                            </div>
                        </div>
                        <a href="#">Multiple destinations</a>
                        <div class="wrapper">
                            <input type="text" class="input">From
                        </div>
                        <div class="wrapper">
                            <input type="text" class="input">To
                        </div>
                        <div class="wrapper check_box">
                            <input type="checkbox" checked><a href="#">Search nearby airports</a>
                        </div>
                        <div class="wrapper">
                            <input type="text" class="input input2" value="04/11/2010" onblur="if(this.value=='') this.value='04/11/2010'" onfocus="if(this.value =='04/11/2010' ) this.value=''">Depart (mm/dd/yy)
                        </div>
                        <div class="wrapper pad_bot1">
                            <input type="text" class="input input2" value="04/11/2010" onblur="if(this.value=='') this.value='04/11/2010'" onfocus="if(this.value =='04/11/2010' ) this.value=''">Return  (mm/dd/yy)
                        </div>
                        <div class="wrapper">
                            <div class="radio">
                                <input type="radio" name="name2" checked>Economy cabin
                            </div>
                            <div class="radio end">
                                <input type="radio" name="name2">Business
                            </div>
                        </div>
                        <div class="wrapper pad_bot1">
                            <a href="#" class="button" onclick="document.getElementById('form_1').submit()">Search</a>
                            Audlts
                                    <select>
                                        <option>1</option>
                                    </select>
                        </div>
                    </div>
                </form>
            </div>
        </article>
        <article class="col1 pad_left1">
            <div class="text">
                <img src="../images/text1.jpg" alt="">
                <h2>The Best Offers</h2>
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.</p>
                <a href="#" class="button">Read More</a>
            </div>
        </article>
        
    </div>
<section id="content">
    
        <article class="col1">
            <h3>Hot Travel</h3>
            <div class="pad">
                <div class="wrapper under">
                    <figure class="left marg_right1">
                        <img src="../images/page1_img1.jpg" alt=""></figure>
                    <p class="pad_bot2"><strong>Italy<br>
                        Holidays</strong></p>
                    <p class="pad_bot2">Lorem ipsum dolor sit amet, consect etuer adipiscing.</p>
                    <a href="#" class="marker_1"></a>
                </div>
                <div class="wrapper under">
                    <figure class="left marg_right1">
                        <img src="../images/page1_img2.jpg" alt=""></figure>
                    <p class="pad_bot2"><strong>Philippines<br>
                        Travel</strong></p>
                    <p class="pad_bot2">Lorem ipsum dolor sit amet, consect etuer adipiscing.</p>
                    <a href="#" class="marker_1"></a>
                </div>
                <div class="wrapper">
                    <figure class="left marg_right1">
                        <img src="../images/page1_img3.jpg" alt=""></figure>
                    <p class="pad_bot2"><strong>Cruise<br>
                        Holidays</strong></p>
                    <p class="pad_bot2">Lorem ipsum dolor sit amet, consect etuer adipiscing.</p>
                    <a href="#" class="marker_1"></a>
                </div>
            </div>
        </article>
        <article class="col2 pad_left1">
            <h2>Popular Places</h2>
            <div class="wrapper under">
                <figure class="left marg_right1">
                    <img src="../images/page1_img4.jpg" alt=""></figure>
                <p class="pad_bot2"><strong>Hotel du Havre</strong></p>
                <p class="pad_bot2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </p>
                <p class="pad_bot2"><strong>Nemo enim ipsam voluptatem</strong> quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p>
                <a href="#" class="marker_2"></a>
            </div>
            <div class="wrapper">
                <figure class="left marg_right1">
                    <img src="../images/page1_img5.jpg" alt=""></figure>
                <p class="pad_bot2"><strong>Hotel Vacance</strong></p>
                <p class="pad_bot2">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa.</p>
                <p class="pad_bot2">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda.</p>
                <a href="#" class="marker_2"></a>
            </div>
        </article>
</section>
